﻿<!DOCTYPE html>
<html>

	<head>
		<title>Home</title>
		<!-- for-mobile-apps -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Tutelage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

			function hideURLbar() { window.scrollTo(0, 1); }
		</script>
		<!-- //for-mobile-apps -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="css/swipebox.css">
		<!-- js -->
		<script src="js/jquery-1.11.1.min.js"></script>
		<!-- //js -->
		<script src="js/modernizr.custom.js"></script>
		<!-- fonts -->
		<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.useso.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
		<!-- //fonts -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->

	</head>

	<body>
		<!-- header -->
		<div class="header">
			<div class="container">
				<div class="header-nav">

					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<h1><a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-education" aria-hidden="true"></i><span>So</span>Gine</a></h1>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a class="hvr-overline-from-center button2 active" href="index.html">首页</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="about.html">我们的产品</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="tech.html">我们的技术</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="services.html">我们的服务</a>
								</li>
								<li>
									<a class="hvr-overline-from-center button2" href="contact.html">联系我们</a>
								</li>
								</ul>
						
						</div>
						<!-- /navbar-collapse -->

						
					</nav>
				</div>
			</div>
		</div>
		<!-- header -->
		<!-- banner -->
		<div class="banner">
			<div class="container">
				<script src="js/responsiveslides.min.js"></script>
				<script>
					// You can also use "$(window).load(function() {"
					$(function() {
						// Slideshow 4
						$("#slider3").responsiveSlides({
							auto: true,
							pager: true,
							nav: false,
							speed: 500,
							namespace: "callbacks",
							before: function() {
								$('.events').append("<li>before event fired.</li>");
							},
							after: function() {
								$('.events').append("<li>after event fired.</li>");
							}
						});
					});
				</script>

				<div id="top" class="callbacks_container">
					<ul class="rslides" id="slider3">
						<li>
							<div class="banner-info">
								<h3>溯根本    擎未来</h3>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h3>溯根本    擎未来</h3>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h3>技术成就科技    科技引领未来</h3>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h3>技术成就科技    科技引领未来</h3>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- //banner -->
		<div class="copyrights">Collect from
			<a href="http://www.cssmoban.com/">企业网站模板</a>
		</div>
		<!-- banner-bottom -->
		<div class="banner-bottom">
			<div class="container">
				<h2 class="tittle">欢迎您来到溯擎</h2>
				<div class="bottom-grids">
					<div class="col-md-3 bottom-grid">
						<div class="bottom-text">
							<h3>我们的专注</h3>
							<p>基于物联网及互联网大数据分析利用为核心技术的企业信息化整体解决方案服务商.</p>
						</div>
						<div class="bottom-spa"><span class="glyphicon glyphicon-education" aria-hidden="true"></span></div>
					</div>
					<div class="col-md-3 bottom-grid">
						<div class="bottom-text">
							<h3>我们的特长</h3>
							<p>基于产品的供应链为企业信息化管理提供优质的解决方案.</p>
						</div>
						<div class="bottom-spa"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></div>
					</div>
					<div class="col-md-3 bottom-grid">
						<div class="bottom-text">
							<h3>我们的技术</h3>
							<p>基于经验丰富的技术团队结合行业顾问为您的企业量身打造.</p>
						</div>
						<div class="bottom-spa"><span class="glyphicon glyphicon-star" aria-hidden="true"></span></div>
					</div>
					<div class="col-md-3 bottom-grid">
						<div class="bottom-text">
							<h3>我们的愿景</h3>
							<p>基于我们的努力成就未来的世界.</p>
						</div>
						<div class="bottom-spa"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- //banner-bottom -->
		<!-- team -->
		<div class="teachers">
			<div class="container">
				<div class="teach-head">
					<h3>我们的产品</h3>
					<p>溯擎的产品通过对众多企业不同行业的管理模式进行提炼，结合国外企业管理的发展思想发展出一套具有自身特色的管理软件。对企业发展过程中的流程优化、数据采集利用做合理的规划设计。</p>
				</div>
				<div class="team-grids">
					<div class="col-md-3 team-grid text-center">
						<a href="about.html">
						<div class="team-img">
							
							<img src="images/3.png" alt="" />
							<h3>生产管理系统</h3>
							<h4>以柔性生产管理为理念<h4>
					<p>从生产计划着手对生产工艺、生产工序的全面控制，利用传感技术、RFID技术、标签生成识别技术达到对生产过程的人、机、料、法、环的全面管理，确保生产过程中的产品质量。</p>
					
				</div></a>
			</div>
			<div class="col-md-3 team-grid text-center">
				<a href="about.html">
				<div class="team-img">
					<img src="images/1.png" alt=""/>
					<h3>企业信息管理系统</h3>
					<h4>以企业信息安全为主体</h4>
							<p>安全、高效、便捷地为企业搭建功能强大的文件数据存储共享平台，满足文件存储与管理、协同分享、移动办公等不同业务需求。帮助企业节省运营成本，提升业务处理效率。 </p>
							
				</div></a>
					</div>
					<div class="col-md-3 team-grid text-center"><a href="about.html">
						<div class="team-img">
							<img src="images/2.png" alt="" />
							<h3>购销管理系统</h3>
							<h4>以供应链管理为主要核心</h4>
							<p>由订单入手全面追踪追溯生产物料、成品流向，通过数据分析及时掌握市场数据达到对各级市场掌控的目的间接地也起到对供应商管控的目的。</p>
							
						</div></a>
					</div>

					<div class="col-md-3 team-grid text-center"><a href="about.html">
						<div class="team-img">
							<img src="images/4.png" alt="" />
							<h3>仓储管理系统</h3>
							<h4>以订单及时响应为中心</h4>
							<p>结合生产计划及销售预测合理地控制库存，站在降低企业库存成本保障市场供应的角度，通过与自动化仓储设备交互切实做到进、销、存全面自动化的目的。</p>
							
						</div></a>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- team -->
		<!-- our facilities -->
		<div class="facilities">
			<div class="container">
				<h3 class="tittle">我们的技术</h3>
				<p>溯擎的产品通过对众多企业不同行业的管理模式进行提炼，结合国外企业管理的发展思想发展出一套具有自身特色的管理软件。对企业发展过程中的流程优化、数据采集利用做合理的规划设计。</p>
				<script src="js/jquery.swipebox.min.js"></script>
				<script type="text/javascript">
					jQuery(function($) {
						$(".swipebox").swipebox();
					});
				</script>
				
				<div class="view view-seventh">
					<a href="images/g1.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g1.jpg" alt="">
						<div class="mask">
							<h4>数据库技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				<div class="view view-seventh">
					<a href="images/g2.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g2.jpg" alt="">
						<div class="mask">
							<h4>网络安全技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				<div class="view view-seventh">
					<a href="images/g3.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g3.jpg" alt="">
						<div class="mask">
							<h4>移动技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				<div class="view view-seventh">
					<a href="images/g4.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g4.jpg" alt="">
						<div class="mask">
							<h4>UI交互技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				<div class="view view-seventh">
					<a href="images/g5.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g5.jpg" alt="">
						<div class="mask">
							<h4>大数据利用技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				<div class="view view-seventh">
					<a href="images/g6.jpg" class="b-link-stripe b-animate-go  swipebox" title="Image Title"><img src="images/g6.jpg" alt="">
						<div class="mask">
							<h4>自动化技术</h4>
							<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>

						</div>
					</a>
				</div>
				
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- //our facilities -->
		<!-- features -->
		<div class="features">
			<div class="container">
				<h3 class="tittle">了解我们</h3>
				<div class="col-md-5 features-left">
					<img src="images/f1.jpg" alt="" />
				</div>
				<div class="col-md-7 features-right">
					<h4>SPECIAL CARE ON STUDENTS</h4>
					<p> 上海溯擎信息科技有限公司，是一家基于物联网及互联网大数据分析利用为核心技术的企业信息化整体解决方案服务商。业务范围涵盖咨询、产品研发、信息技术服务、系统集成、业务流程外包等服务，在互联网、生产制造业、政府、金融、科研教育等重要行业具有丰富的系统建设经验。公司主营软件产品包含产品全生命周期管理解决方案、企业信息资源管理解决方案、互联网金融解决方案。公司拥有一支专业的行业顾问团队及软件开发团队，能为合作伙伴量身打造最适合的信息化解决方案。.</p>

				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- //features -->
		<!-- footer -->
		<div class="footer">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<h3>联系我们</h3>
						<ul>
							<li>
								<a href="#">地址：上海市浦东新区塘桥茂兴路88号</a>
							</li>
							<li>
								<a href="#">邮编：200120 </a>
							</li>
							<li>
								<a href="#">商务合作：158-0176-9561</a>
							</li>
							<li>
								<a href="#">邮箱：services@suqing.com</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的产品 </h3>
						<ul>
							
							<li>
								<a href="about.html">企业信息管理系统</a>
							</li>
							<li>
								<a href="about.html">生产管理系统</a>
							</li>
							<li>
								<a href="about.html">仓储管理系统</a>
							</li>
							<li>
								<a href="about.html">购销管理系统</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的技术</h3>
						<ul>
							<li>
								<a href="tech.html">数据库</a>
							</li>
							<li>
								<a href="tech.html">信息安全</a>
							</li>
							<li>
								<a href="tech.html">移动技术</a>
							</li>
							<li>
								<a href="tech.html">UI交互技术</a>
							</li>
							<li>
								<a href="tech.html">大数据</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的服务</h3>
						<ul>
							<li>
								<a href="services.html">专业的业务咨询规划</a>
							</li>
							<li>
								<a href="services.html">规范的产品研发实施</a>
							</li>
							<li>
								<a href="services.html">完善的售后服务</a>
							</li>
							<li>
								<a href="services.html">服务流程</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
				<p> Copyright © suqing.com 沪ICP备xxxxxxx号| 沪公网安备 xxxxxxx号
					<a href="http://www.suqingtech.com/" target="_blank" title="上海溯擎信息科技有限公司">上海溯擎信息科技有限公司</a>
				</p>
			</div>
		</div>
		<!-- //footer -->
		<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
		<!-- //for bootstrap working -->
		<!-- smooth scrolling -->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
					var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
					};
				*/
				$().UItoTop({ easingType: 'easeOutQuart' });
			});
		</script>
		<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
		<!-- //smooth scrolling -->

	</body>

</html>